<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车 - 恩爸商城</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/cart.css">
    <link rel="stylesheet" href="js/notify/toastr.min.css"></link>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="container">
            <div class="logo">
                <a href="index.html">恩爸商城</a>
            </div>
            <div class="page-title">购物车</div>
        </div>
    </div>

    <!-- 主要内容 -->
    <div class="main">
        <div class="container">
            <!-- 购物车头部 -->
            <div class="cart-header">
                <label class="checkbox-wrapper">
                    <input type="checkbox" id="selectAll">
                    <span class="checkbox-label">全选</span>
                </label>
                <span class="col-product">商品信息</span>
                <span class="col-price">单价</span>
                <span class="col-count">数量</span>
                <span class="col-total">小计</span>
                <span class="col-action">操作</span>
            </div>

            <!-- 购物车列表 -->
            <div class="cart-list">
                <!-- 购物车列表将由 JavaScript 动态生成 -->
            </div>

            <!-- 购物车底部 -->
            <div class="cart-footer">
                <div class="footer-left">
                    <label class="checkbox-wrapper">
                        <input type="checkbox" id="selectAllBottom">
                        <span class="checkbox-label">全选</span>
                    </label>
                    <a href="javascript:;" class="delete-selected">删除选中商品</a>
                </div>
                <div class="footer-right">
                    <div class="selected-info">
                        已选择 <span id="selectedCount">0</span> 件商品
                    </div>
                    <div class="total-price">
                        总计：<span id="totalPrice">¥0.00</span>
                    </div>
                    <button class="btn-checkout" id="btnCheckout">去结算</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <div class="footer">
        <div class="container">
            <div class="copyright">
                Copyright © 2024 恩爸商城 All Rights Reserved
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
    <script src="js/cartData.js"></script>
    <script type="module" src="js/cart.js"></script>
    <script src="js/notify/toastr.min.js"></script>
    <script src="js/notify/notify.js"></script>
</body>
</html> 